接序昨天(導播請切昨天畫面謝謝)的 HTML 跟 CSS，今天我們要來上 JS 了：

1. 首先我們用 for 迴圈來創造一個有字串'1'～'36'的陣列吧：

var ary=[];

for(let i=0;i<36;i++){
    ary.push((i+1).toString());
}

console.log(ary)

2. JS Bin 畫面來一下：

3. 接下來我們先來做按鈕列，首先我們來建一個名為 showBtn 的 funtion，並且先選擇我們呆會要塞按鈕的 HTML 位置：

function showBtn(){
  var page=document.querySelector('.page_btn');  
}

4. 然後我們也要 showBtn 的 funtion內算出每頁顯示10筆資料，36筆資料共需幾頁及幾顆按鈕：

  var btnNum=Math.ceil(ary.length/10);

5. 先呼叫 showBtn function 及 console.log(btnNum)，看結果是否如我們預期：

6. 順利算出 36 筆資料，每頁顯示 10 筆，需要 4 頁及 4 顆按鈕後，我們就可以先使用塞字串方式創造出按鈕啦：

  var str='';
  for (var i=0;i<btnNum;i++){
      str+=`<span>${i+1}</span>`
  };
  page.innerHTML=str;

7. 嗯哈哈哈哈哈哈，順利用 JS 做出 4 顆按鈕啦，先來剝顆袖子吃吃，明天繼續。